<template>
    <div class="timer">
        <div class="timer-info" @click="handleWatch">
            <span>距离本场结束</span> &nbsp;
            <interval/>
        </div>
    </div>
</template>

<script>
import interval from './interval.vue'
export default {
    components: {
        interval,
    },
    methods: {
        handleWatch() {
            this.$router.push('/goodsList')
        }
    }
}
</script>

<style lang="scss" scoped>
    .timer{ 
        &-info {
            width: 49%;
            display: flex;
            font-size: 7px;
            background: lightblue;
        }
    }
</style>
